body{background-color: #F1F1F1;}
.main-page{max-width: 1000px; margin: 0 auto;color: #333;background-color: #F1F1F1;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}
.content{padding-bottom: 52px}
.content-top{background-color:#FF9B14;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);overflow: hidden}
.box-flex{display: -webkit-flex;display: flex}
.content-top .box-flex{margin: 54px 0 45px}
.box-flex .nav-item{-webkit-flex: 1;flex: 1;text-align: center}
.box-flex .nav-item .tap-wrapper{font-size: 14px; color:#fff;display: inline-block}
.nav-item .tap-wrapper .text{display: block; margin-top: 13px}
.icon{display:inline-block; width: 41px; height: 41px;background:url("../images/mainHead.png") no-repeat;background-size: 140px auto }
.icon-receipt{background-position: 0px -1px;}
.icon-Reconciliation{background-position: -50px -1px;}
.icon-statistics{background-position: -100px -1px;}

.Headlines{ height: 40px;line-height:40px;font-size: 14px; color: #FF9200;background: url("../images/Headlines.png") no-repeat 15px center #FFE8BD; background-size:auto 16px; }
.Headlines .text{padding-left: 93px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.section-title{padding: 0 15px;height:50px;line-height: 50px;color: #333;font-size: 16px;}
.data-today{background-color: #fff}
.data-wrapper{border-top: 1px solid #f1f1f1;}
.data-wrapper .data-item{-webkit-flex:1;flex: 1;text-align: center;padding: 25px 15px}
.data-wrapper .data-item+.data-item{border-left: 1px solid #f1f1f1;margin-left: -1px}
.data-wrapper .data-item .title{font-size: 13px;color: #999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.data-wrapper .data-item .number{ display: block;margin-top: 12px;font-size: 18px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

.service{margin-top: 5px;background-color: #fff}
.service .box-flex{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding:0px 15px}
.service .box-flex .service-item{width:33.3333%;margin: 6px 0 24px}
.service .box-flex .service-item .service-tap{display: block;font-size: 15px;text-align: center;color: #333}
.service .box-flex .service-item .service-tap .text{display: block;margin-top: 7px}
@media (min-width: 400px){
    .service .box-flex .service-item{width: 25%}
}
.service-icon{display: inline-block; height: 41px; width: 41px;background: url("../images/service.png") no-repeat; background-size: 440px auto}
.icon-cashier{background-position: 0px -1px}
.icon-ad{background-position: -50px -1px}
.icon-service{background-position: -100px -1px}
.icon-member{background-position: -150px -1px}
.icon-coupon{background-position: -200px -1px}
.icon-marketing{background-position: -250px -1px}
.icon-fire{background-position: -300px -1px}

.footer-nav{display: flex;border-top: 1px solid #f1f1f1;background-color: #fff;position: fixed;bottom: 0;left: 0;right: 0;-webkit-box-shadow: 0px 0px 5px rgba(165, 165, 165, 0.15);box-shadow: 0px 0px 5px rgba(165, 165, 165, 0.15);}
.footer-nav .tap-item{display: block;flex: 1;padding: 5px 0;font-size: 12px;text-align: center; color: #999;}
.icon-nav{display: inline-block;width: 25px;height: 25px; background: url("../images/nav.png") no-repeat;background-size: auto 25px;}
.nav-index{background-position: 0px 0px}
.nav-invoice{background-position: -32px 0px}
.nav-message{background-position: -70px 0px}
.nav-user{background-position: -103px 0px}
.footer-nav .tap-item .text{display: block;margin-top: 3px;}
.footer-nav .tap-item.active{color:#FFBE46 }
.footer-nav .tap-item.active .icon-nav{background: url("../images/navActive.png") no-repeat;background-size: auto 25px;}